<template>
    <el-dialog title="转让您的项目？" :visible.sync="giveData.show" width="30%">
        <span>您即将永久转让自己的项目，以及与您的 项目相关联的所有数据。 确认转让项目后，无法撤销或恢复。</span>
        <p>转让给</p>
        <p>
            用户：
            <el-select clearable v-model="user" filterable placeholder="请选择用户">
                <el-option v-for="(item, i) in giveData.userList" :key="i" :label="item.label" :value="item.value"> </el-option>
            </el-select>
        </p>
        <p>
            姓名：
            <el-select clearable v-model="name" filterable placeholder="请选择姓名">
                <el-option v-for="(item, i) in giveData.nameList" :key="i" :label="item.label" :value="item.value"> </el-option>
            </el-select>
        </p>
        <span slot="footer" class="dialog-footer">
            <el-button @click="giveData.show=false">取 消</el-button>
            <el-button type="warning" @click="confirm">确 定</el-button>
        </span>
    </el-dialog>
</template>
<script>
export default {
    name: 'RemoveTips',
    props: {
        giveData: {
            type: Object,
            required: true
        }
    },
    data () {
        return {
            user: '',
            name: ''
        }
    },
    methods: {
        confirm () {
            let flag = true
            if (!this.name) {
                flag = false
                this.$message.error('请选择姓名')
            }
            if (!this.user) {
                flag = false
                this.$message.error('请选择用户')
            }
            if (flag) {
                this.$emit('confirm')
            }
        }
    }
}
</script>
